<!doctype html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>果缘</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="assets/i/favicon.png">
		<link rel="stylesheet" href="assets/css/amazeui.css">
		<link rel="stylesheet" href="assets/css/app.css">
		<link rel="stylesheet" href="assets/css/custom.css">
		<style type="text/css">
			#content {
				margin-left: 90px;
			}
		</style>
	</head>
	<body>
		<!-- Header -->
		<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
			<h1 class="am-header-title">
			<a href="#title-link" class="">某水果店</a>
			</h1>
			<div class="am-header-left am-header-nav">
				<a href="index.html" class=""> <i class="am-header-icon am-icon-chevron-left"></i>
				</a>
			</div>
			<div class="am-header-right am-header-nav">
				<a href="#right-link" class=""> <i class="am-header-icon am-icon-search"></i>
				</a>
			</div>
		</header>
		<!--side menu-->
		<nav id="menu">
			<ul>
				<li>
					<a href="#" class="am-icon-plus-circle am-icon-md"  id="doc-prompt-toggle"></a>
				</li>
				<li>
					<a href="#item1" class="current">当季水果</a>
				</li>
			</ul>
		</nav>
		<!-- new li pop -->
		<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
			<div class="am-modal-dialog">
				<div class="am-modal-hd">果缘</div>
				<div class="am-modal-bd">
					请输入新分类名称
					<input type="text" class="am-modal-prompt-input">
				</div>
				<div class="am-modal-footer">
					<span class="am-modal-btn" data-am-modal-cancel>取消</span>
					<span class="am-modal-btn" data-am-modal-confirm>提交</span>
				</div>
			</div>
		</div>
		<!--product list-->
		<div id="content" data-am-widget="list_news" class="am-list-news am-list-news-default">
			<div id="item1" class="item">
				<!--list title-->
				<h2>当季水果</h2>
				<!--list content-->
				<ul class="am-list">
					<!--缩略图在标题左边-->
					<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
						<div class="am-u-sm-4 am-list-thumb">
							<a href="#">
								<img src="assets/i/examples/fruits/fruit1.jpeg" alt="" />
							</a>
						</div>
						<div class="am-u-sm-8 am-list-main">
							<h3 class="am-list-item-hd">
							<a href="#">商品名称</a>
							</h3>
							<div class="am-list-item-text">商品简介</div>
							<s id="">￥10/kg</s><span class="fruit_green" id="">￥10/kg</span>
							<span class="fruit_red_tip">销量：100000</span>
							<div class="am-vertical-align-bottom am-fr">
								<a href="product-edit.html" href="product-edit.html" class="am-btn am-btn-success am-btn-xs">
								<i class="am-icon-pencil-square-o"></i>
								编辑
								</a>
								<a herf="#" class="am-btn am-btn-success am-btn-xs">
								<i class="am-icon-trash-o"></i>
								删除
								</a>
							</div>
						</div>
					</li>
					<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
						<div class="am-u-sm-4 am-list-thumb">
							<a href="###">
								<img src="assets/i/examples/fruits/fruit3.jpg" alt="商店图片" />
							</a>
						</div>
						<div class="am-u-sm-8 am-list-main">
							<h3 class="am-list-item-hd">
							<a href="#">商品名称</a>
							</h3>
							<div class="am-list-item-text">商品简介</div>
							<s id="">￥10/kg</s><span class="fruit_green" id="">￥10/kg</span>
							<span class="fruit_red_tip">销量：100000</span>
							<div class="am-vertical-align-bottom am-fr">
								<a href="product-edit.html" class="am-btn am-btn-success am-btn-xs">
								<i class="am-icon-pencil-square-o"></i>
								编辑
								</a>
								<a class="am-btn am-btn-success am-btn-xs">
								<i class="am-icon-trash-o"></i>
								删除
								</a>
							</div>
						</div>
					</li>
					<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
						<div class="am-u-sm-4 am-list-thumb">
							<a href="###">
								<img src="assets/i/examples/fruits/fruit2.jpg" alt="商店图片" />
							</a>
						</div>
						<div class="am-u-sm-8 am-list-main">
							<h3 class="am-list-item-hd">
							<a href="#">商品名称</a>
							</h3>
							<div class="am-list-item-text">商品简介</div>
							<s id="">￥10/kg</s><span class="fruit_green" id="">￥10/kg</span>
							<span class="fruit_red_tip">销量：100000</span>
							<div class="am-vertical-align-bottom am-fr">
								<a href="product-edit.html" class="am-btn am-btn-success am-btn-xs">
								<i class="am-icon-pencil-square-o"></i>
								编辑
								</a>
								<a class="am-btn am-btn-success am-btn-xs">
								<i class="am-icon-trash-o"></i>
								删除
								</a>
							</div>
						</div>
					</li>
				</ul>
				<a href="product-edit.html" class='am-btn am-btn-success new-btn'><i class='am-icon-plus'></i>&nbsp;新增商品</a>
			</div>
			<a type="a" class="am-btn am-btn-danger am-btn-block" id="saveBtn">保存</a>
		</div>
		
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/amazeui.min.js"></script>
		<script src="assets/js/custom.js"></script>
		</script>
	</body>
</html>